.top-bg {
	background: linear-gradient(135deg, #00C6FF 0%, #0072FF 100%);
	height: 64rpx;
}

.content {
	width: 750rpx;
	background: #FFFFFF;
	border-radius: 32rpx 32rpx 0rpx 0rpx;
	margin-top: -28rpx;
	overflow: hidden;
	padding: 24rpx 28rpx;
	box-sizing: border-box;

	.plate-panel {
		background: #FFFFFF;
		box-shadow: 0rpx 4rpx 16rpx 2rpx rgba(0, 0, 0, 0.08);
		border-radius: 16rpx 16rpx 16rpx 16rpx;
		padding: 22rpx 32rpx 34rpx;
		box-sizing: border-box;

		.title {
			font-size: 32rpx;
			font-family: PingFang SC-Regular, PingFang SC;
			font-weight: 400;
			color: #666666;
			display: flex;
			align-items: center;
			justify-content: space-between;
		}

		.car-no {
			display: flex;
			align-items: center;
			justify-content: space-between;
			margin: 34rpx 0 44rpx;

			.car-no-item {
				width: 64rpx;
				height: 94rpx;
				line-height: 94rpx;
				background: #E3E3E3;
				border-radius: 4rpx 4rpx 4rpx 4rpx;
				opacity: 1;
				font-weight: bold;
				font-size: 52rpx;
				text-align: center;
				color: #666;

				&.active {
					border-color: #007aff;
					box-shadow: 0 0 15upx 0 #007aff;
					color: #000;
				}
			}

			.car-no-item-first {
				background-color: #E1E5FF;
			}

			.car-no-item-last {
				background-color: #C2FFC8;
				font-size: 24rpx;
				color: #21D90C;
				line-height: 1.2;
			}
		}
	}

	.history {
		margin-top: 38rpx;
		font-size: 32rpx;
		font-family: PingFang SC-Regular, PingFang SC;
		font-weight: 400;
		color: #666666;

		.history-title {
			display: flex;
			align-items: center;
			justify-content: space-between;

			.sub {
				font-size: 28rpx;
				font-family: Nirmala UI-Regular, Nirmala UI;
				font-weight: 400;
				color: #747474;
				display: flex;
				align-items: center;
			}
		}

		.plate-list {
			margin-top: 44rpx;

			.plate {
				display: inline-block;
				padding: 14rpx 18rpx;
				border-radius: 10rpx 10rpx 10rpx 10rpx;
				opacity: 0.39;
				border: 2rpx solid #707070;
				margin-right: 15rpx;
				margin-bottom: 15rpx;
			}
		}
	}

	.send {
		width: 654rpx;
		height: 92rpx;
		background: linear-gradient(135deg, #00C6FF 0%, #008EFF 66%, #0076FF 95%, #0072FF 100%);
		border-radius: 46rpx 46rpx 46rpx 46rpx;
		color: #fff;
		text-align: center;
		line-height: 92rpx;
		margin: 50rpx auto;
	}
}

.popup-msg {
	width: 518rpx;
	height: 493rpx;
	position: relative;

	.popup-msg-bg {
		width: 100%;
		height: 100%;
		position: absolute;
	}

	.popup-msg-close {
		display: block;
		margin: 0 auto;
		position: relative;
		z-index: 1;
		top: 300rpx;
	}

	.popup-msg-text {
		text-align: center;
		color: #C33428;
		position: relative;
		z-index: 1;
		font-weight: 500;
		top: 120rpx;

		.text1 {
			font-size: 48rpx;
		}

		.text2 {
			font-size: 34rpx;
			margin: 10rpx 0;
		}

		.text3 {
			font-size: 24rpx;
		}
	}

	.use {
		width: 100%;
		height: 80rpx;
		position: relative;
		z-index: 1;
		top: 230rpx;
	}
}